<?xml version="1.0"?>
<jsp:root 	xmlns:jsp="http://java.sun.com/JSP/Page"
			xmlns:sql="http://java.sun.com/jsp/jstl/sql"
			xmlns:c="http://java.sun.com/jsp/jstl/core" 
			xmlns:fmt="http://java.sun.com/jsp/jstl/fmt"
			version="2.1"> 
	<jsp:directive.page contentType="text/html; charset=UTF-8" />
	<jsp:directive.page isELIgnored="false" />
	<jsp:output omit-xml-declaration="false"
		doctype-root-element="html"
		doctype-public="-//W3C//DTD XHTML 1.1//EN"
		doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd" /> 
	<link href="css/main.css" rel="stylesheet" ></link> 
	
    <!--  ==========  -->
    <!--  = Novedades =  -->
    <!--  ==========  -->
    <div class="boxed-area blocks-spacer">
        <div class="container">
                
                <!--  ==========  -->
                <!--  = Title =  -->
                <!--  ==========  -->
            	 <div class="row">
	                <div class="span12">
	                    <div class="main-titles lined">
	                    	<h2 class="title"><span class="light">Nuevos</span> Productos en Ikex</h2>
	                    </div>
	                </div>
            	</div> <!-- /title -->
            
            <div class="row  blocks-spacer">
            
           		<c:forEach var="producto" items="${productList.product}" varStatus="loopStatus"  end="3" >
           			<!--  ==========  -->
	                <!--  = Product =  -->
	                <!--  ==========  -->   
	            	<div class="span3">
	            	    <div class="product">
	            	        <div class="product-img">
	                            <div class="picture">
	                                <img src="${producto.imagen}" alt="" width="540" height="374" />
	                                <div class="img-overlay">
	                                    <a href="#" class="btn more btn-primary">Ver</a>
	                                    <c:url var="addToCartLink" value="/cart-process">
											<c:param name="productOid" value="${producto.oid}"/>
										</c:url>
	                                    <a href="${addToCartLink }" class="btn buy btn-danger">Comprar</a>
	                                </div>
	                            </div>
	                        </div>
	                        <div class="main-titles no-margin">
	                            <h4 class="title"><fmt:formatNumber type="currency" currencySymbol="€" value="${producto.precio}" /></h4>
	                            <h5 class="no-margin">${producto.nombre}</h5>
	                        </div>
	                        <p class="desc">${producto.descripcion}</p>
	            	    </div>
	            	</div> <!-- /product -->
           		</c:forEach>
                    	
                </div> <!-- /carousel -->
            </div>
            
        </div>
      
    
        </jsp:root>